<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Vue.js实例</title>
</head>

<body>
  <h1>Vue.js2.0实例</h1>
  <hr>
  <h1>第一季：内部指令</h1>
  <ol>
    <li>
      <a target="_blank" href="example/helloworld.html">Hello World 实例</a>
    </li>
    <li>
      <a target="_blank" href="example/v-if.html">v-if&v-else&v-show</a>
    </li>
    <li>
      <a target="_blank" href="example/v-for.html">v-for</a>
    </li>
    <li>
      <a target="_blank" href="example/v-text.html">v-text & v-html</a>
    </li>
    <li>
      <a target="_blank" href="example/v-on.html">v-on</a>
    </li>
    <li>
      <a target="_blank" href="example/v-model.html">v-model 数据源绑定</a>
    </li>
    <li>
      <a target="_blank" href="example/v-bind.html">v-bind</a>
    </li>
    <li>
      <a target="_blank" href="example/others.html">v-pre & v-cloak & v-once</a>
    </li>
  </ol>
  <hr>
  <h1>第二季：全局API</h1>
  <ol>
    <li>
      <a target="_blank" href="example/Vue.directive.html">Vue.directive 自定义指令</a>
    </li>
    <li>
      <a target="_blank" href="example/Vue.extend.html">Vue.extend 扩展实例构造器</a>
    </li>
    <li>
      <a target="_blank" href="example/Vue.set.html">Vue.set全局操作</a>
    </li>
    <li>
      <a target="_blank" href="example/vue shengmingzhouqi.html">Vue的生命周期</a>
    </li>
    <li>
      <a target="_blank" href="example/vue Template.html">Template 制作模版</a>
    </li>
    <li>
      <a target="_blank" href="example/vue Component-1.html">Component 初识组件</a>
    </li>
    <li>
      <a target="_blank" href="example/vue Component-2.html">Component 组件props 属性设置</a>
    </li>
    <li>
      <a target="_blank" href="example/vue Component-3.html">Component 父子组件关系</a>
    </li>
    <li>
      <a target="_blank" href="example/vue Component-4.html">Component 标签</a>
    </li>
  </ol>
  <hr>
  <h1>第三季：构造器里的选项</h1>
  <ol>
    <li>
      <a target="_blank" href="example/propsData.html">propsData Option 全局扩展的数据传递</a>
    </li>
    <li>
      <a target="_blank" href="example/computed.html">computed Option 计算选项</a>
    </li>
    <li>
      <a target="_blank" href="example/Methods.html">Methods Option 方法选项</a>
    </li>
    <li>
      <a target="_blank" href="example/Watch.html">Watch 选项 监控数据</a>
    </li>
    <li>
      <a target="_blank" href="example/Mixins.html">Mixins 混入选项操作</a>
    </li>
    <li>
      <a target="_blank" href="example/Extends.html">Extends Option 扩展选项</a>
    </li>
  </ol>
  <hr>
  <h1>第四季：实例和内置组件</h1>
  <ol>
    <li><a target="_blank" href="example/example01.html">实例入门</a></li>
    <li><a target="_blank" href="example/example02.html">example methods demo</a></li>
    <li><a target="_blank" href="example/example03.html">实例事件</a></li>
    <li><a target="_blank" href="example/slot.html">内置组件 -slot讲解</a></li>
  </ol>
</body>

</html>